<!DOCTYPE html>
<html lang="zh_cn">
<head>
    <title>Pinrehit:图片展示</title>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <!-- FontAwesome CSS -->
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <!-- Styles -->
    <link rel="stylesheet" href="style.css">


    <script type='text/javascript' src='js/jquery.js'></script>
    <script type='text/javascript' src='js/custom.js'></script>
    <script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
    <script type='text/javascript' src='js/singelPicJQ.js'></script>


    <!--这里是取该用户的所有收藏图片的地址-->
    <!--    自动取，其他不要改，调用了就自动取当前用户所有收藏的图片-->
<!--    <script>-->
<!--        $.get("getAllCollectionZZY",{},function (data){-->
<!--            var i=0;-->
<!--            for (i;i<data.length;i++)-->
<!--            {-->
<!--                alert(data[i].src);//这个data[i].src就是一个图片地址，一个for循环全部取到-->
<!--            }-->
<!--        })-->
<!--    </script>-->

</head>

<body>
<!--导航栏-->
<header class="site-header">
    <div class="site-branding">
        <h1 class="site-title"><a id="index" href="#" rel="home"><img src="images/logo.svg" height="50" width="50" alt="Logo"></a></h1>
    </div><!-- .site-branding -->

    <div class="hamburger-menu">
        <div class="menu-icon">
            <img src="images/menu-icon.png" alt="menu icon">
        </div><!-- .menu-icon -->

        <div class="menu-close-icon">
            <img src="images/x.png" alt="menu close icon">
        </div><!-- .menu-close-icon -->
    </div><!-- .hamburger-menu -->
</header><!-- .site-header -->
<nav class="site-navigation flex flex-column justify-content-between">
    <div class="site-branding d-none d-lg-block ">
        <h1 class="site-title"><a id="index1" href="#" rel="user"><img src="images/logo.svg" height="50" width="50" alt="Logo"></a></h1>
    </div><!-- .site-branding -->

    <ul class="main-menu flex flex-column justify-content-center">
        <li><a href="addpin.html">创建pin</a></li>
        <li><a id="mypin" href="#">我的pin</a></li>
        <li><a id="mysaved" href="#">我的收藏</a></li>
        <li><a href="origin-web.html">注销</a></li>
    </ul>

    <p>
        Copyright &copy;<script>document.write(new Date().getFullYear());</script> Made in HIT

    </p>
</nav>




<div class="nav-bar-sep d-lg-none"></div>
<div class="outer-container">
    <div class="single-post">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="featured-img">
                        <figure>
                            <!--                            pic-->
                            <img src="images/single-blog.jpg" alt="blog" id="pic">
                        </figure>
                    </div><!-- .content-area -->
                </div><!-- .col -->
                <div class="col-12 col-lg-8">
                    <div class="content-area">
                        <header class="entry-header">
                            <div class="post-meta">
                            </div><!-- .meta-post -->
                            <h1>图片的标题</h1>
                            <span class="byline">by <span class="author"><a href="#">上传者</a></span></span>
                        </header><!-- .entry-header -->
                        <div class="entry-content">
                            <p>《Zood》1！5！哥们在这给你说唱！L！T！C！1！理塘顶真！哥们名叫丁真！</p>
                        </div><!-- .entry-content -->
                    </div><!-- .content-area -->
                </div><!-- .col-12 -->
                <aside class="col-12 col-lg-3 offset-lg-1">
                    <div class="entry-meta">
                        <div class="posted-tags">
                            <label>tags</label>
                            <span><a href="#">Zood</a>, <a href="#">理塘</a>, <a href="#">丁真</a> </span>
                        </div><!-- .entry-meta -->
                    </div><!-- .entry-meta -->
                </aside><!-- .col-md-3 -->


                <div class="col-12 col-lg-7">
                    <img src="images/save.svg" height="100" width="100" id="collect">
                    <img src="images/like.svg" height="100" width="100" id="like">
                    <span id="likeNumb"></span>
                    <br>
                    <hr/>
                    <div class="comments-form">
                        <div class="comment-respond">
                            <h3 class="comment-reply-title">留言</h3>
                            <form class="comment-form">
                                <textarea rows="4" placeholder="Messages" id="com"></textarea>
                            </form><!-- .comment-form -->
                            <button id="btn_send"  type="button" >send message</button>
                        </div><!-- .comment-respond -->
                    </div><!-- .comments-form -->
                    <br>
                    <h3 class="comments-title"><span class="comments-number" id="comNumb"></span></h3>
                    <div class="content-area">
                        <div class="post-comments">
                            <ol class="comment-list" id="comment">
                                <li class="comment">
                                </li><!-- .comment -->
                            </ol><!-- .comment-list -->
                            <br>
                            <hr/>
                            <br>
                        </div><!-- .post-comments -->
                    </div><!-- .content-area -->
                </div><!-- .col-12 -->
            </div><!-- .row -->
        </div><!-- .container -->
    </div><!-- .single-post -->
</div><!-- .outer-container -->


</body>
</html>